import React, { memo, useEffect, useState } from 'react'

const App = memo(() => {
  const [count, setCount] = useState(0)
  useEffect(() => {
    // 在组件重新渲染和挂载的时候执行
    console.log('useEffect')
    return () => {
      // 在组件卸载和重新渲染的时候执行
      console.log('useEffect return')
    }
  },[]) // 第二个参数表示依赖项，当依赖项发生变化的时候，useEffect会重新执行
  return (
    <div>
      <h3>counter: { count }</h3>
      <button onClick={(e) => setCount(count + 1)}>+1</button>
    </div>
  )
})

export default App